html, body{
    background: #121b31;
}
#sizeIcon,
.chart_container.dark #chart_parameter_settings{
    display: none;
}
.m-quotation-hd{
    z-index: 1;
    position: relative;
    height: 6.8742rem;
    color: #cad2e9;
    overflow: hidden;
    background: #121b31;
}
.btn-back{
    float: left;
    width: 2.46429rem;
    height: 2.75rem;
    background: url("./img/leftarrows.png") no-repeat;
    background-position: 50%;
    background-size: .57143rem .96429rem;
}
.m-quotation-hd .title[data-v-3cac0174] {
    float: left;
    height: 2.75rem;
    line-height: 2.75rem;
    font-size: 1rem;
    font-weight: 700;
}
.m-statistics{
    width: 100%;
    margin-top: 3rem;
    overflow: hidden;
}
.m-statistics[data-v-3cac0174] {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.m-statistics-left[data-v-3cac0174] {
    float: left;
    padding-left: 1.14286rem;
}
.m-statistics-left .price[data-v-3cac0174] {
    display: block;
    margin-bottom: .7rem;
    font-size: 1.2rem;
    color: #cad2e9;
    color: #03be87;
}
b{
    font-weight: normal;
    color: #cad2e9;
}
.m-statistics-left .exchangeRate[data-v-3cac0174] {
    font-size: .9rem;
    color: #7485b7;
}
.exchangeRate em[data-v-3cac0174] {
    color: #cad2e9;
}
.twentyFourHourChg,.twentyFourHourChgVal{
    font-size: .96143rem;
    color: #03be87;
}
.m-statistics-right[data-v-3cac0174] {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 1.14286rem;
    font-size: .9rem;
    text-align: right;
    height: 3.2rem;
}
.m-statistics-right .m-statistics-item[data-v-3cac0174] {
    margin-bottom: .7rem;
}
.m-statistics-right .m-statistics-item .m-statistics-label[data-v-3cac0174] {
    color: #7485b7;
}
.m-statistics-item .m-statistics-value[data-v-3cac0174] {
    margin-left: .35714rem;
    color: #cad2e9;
}


/* ////////////////// */

.m-quotation-ft[data-v-3cac0174] {
    display: flex;
    align-items: center;

    z-index: 1;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3rem;
    padding: 0 .35714rem;
    border-top: .3rem solid #0d1321;
    font-size: 0;
    background: #121b31;
    overflow: hidden;
}
.m-quotation-ft .btn-introduction[data-v-3cac0174], .m-quotation-ft .btn-kline[data-v-3cac0174], .m-quotation-ft .btn-rank[data-v-3cac0174] {
    display: inline-block;
    position: relative;
    right: .35714rem;
    width: 17%;
    line-height: 1.42857rem;
    font-size: .9rem;
    color: #7485b7;
    padding-left: 1.4rem;
}
.m-quotation-ft .btn-trade[data-v-3cac0174] {
    display: inline-block;
    width: 28%;
    line-height: 2.2rem;
    font-size: .9rem;
    color: #fff;
    background: #4562cd;
    border-radius: 5px;
    text-align: center;
}
.quotib{
    width: 1px;
    height: 1.2rem;
    display: inline-block;
    background: #06080d;
    position: absolute;
    right: 21%;
    top: .14rem;
}

.m-quotation-ft .btn-rank[data-v-3cac0174]:after ,
.m-quotation-ft .btn-kline[data-v-3cac0174]::after,
.m-quotation-ft .btn-introduction[data-v-3cac0174]::after{
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    width: 1.4rem;
    height: 1.42857rem;
    background: #0d1321;
    left: 0;
}
.active12,.active{
    color: #4562cd !important;
}
.m-quotation-ft .btn-kline[data-v-3cac0174]::after {
    width: 1rem;
    background: url("./img/wire.png") no-repeat;
    background-size: 100%;
}
.m-quotation-ft .btn-kline.active[data-v-3cac0174]::after {
    width: 1rem;
    background: url("./img/wire1.png") no-repeat;
    background-size: 100%;
}

.m-quotation-ft .btn-rank[data-v-3cac0174]::after {
    width: 1rem;
    background: url("./img/handicap.png") no-repeat;
    background-size: 100%;
}
.m-quotation-ft .btn-rank[data-v-3cac0174].active::after {
    width: 1rem;
    background: url("./img/handicap1.png") no-repeat;
    background-size: 100%;
}

.m-quotation-ft .btn-introduction[data-v-3cac0174]::after {
    width: 1rem;
    background: url("./img/synopsis.png") no-repeat;
    background-size: 100%;
}
.m-quotation-ft .btn-introduction.active[data-v-3cac0174]::after {
    width: 1rem;
    background: url("./img/synopsis1.png") no-repeat;
    background-size: 100%;
}
.chart_container .chart_dropdown_t a{
    color: #7485b7;
}
.chart_container{
    background: #0a0a0a !important;
}

#chart_tabbar,
.chart_container #chart_toolbar_theme,
#chart_toolbar_periods_vert{
    display: none !important;
}
.chart_container.dark #chart_toolbar {
    height: 2.4rem !important;
    background-color: #121b31 !important;
    border-bottom: .35714rem solid #0a0a0a !important;
}



.m-klineOperation .btn-wrap {
    height: 2.44rem;
    font-size: 0;
}
.m-klineOperation .btn-wrap .btn-operation {
    position: relative;
    display: inline-block;
    width: 16.66%;
    line-height: 2.45rem;
    font-size: .85714rem;
    color: #7485b7;
    text-align: center;
}
.m-klineOperation .btn-wrap .btn-operation:first-child {
    text-indent: 1.14286rem;
    text-align: left;
}
.m-klineOperation .btn-wrap .btn-operation.active {
    color: #4562cd;
}
.m-klineOperation .btn-wrap .btn-operation.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1.78571rem;
    height: .17857rem;
    margin-left: -.89286rem;
    background: #4562cd;
    border-radius: 3px;
}
.m-klineOperation .btn-wrap .btn-operation:last-child:before {
    display: inline-block;
    content: "";
    position: absolute;
    right: .79286rem;
    bottom: .69286rem;
    width: 0;
    height: 0;
    border-bottom: .46rem solid #7485b7;
    border-left: .46rem solid transparent;
}

ul,li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.m-moreKlineOperation {
    display: none;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.m-moreKlineOperation .m-moreKlineOperation-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
.m-moreKlineOperation .operation-list {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
}
.m-moreKlineOperation .operation-list li {
    line-height: 2.85714rem;
    border-top: 1px solid #eee;
    font-size: 1rem;
    color: #666;
    text-align: center;
}
.m-moreKlineOperation .operation-list li.active {
    color: #03be87;
    font-weight: 700;
}


.m-tabData-item[data-v-3cac0174] {
    position: relative;
    overflow: hidden;
}
.m-tabData-item .m-currentPriceList[data-v-3cac0174],
.m-tabData-item .m-dealList[data-v-3cac0174] {
    position: absolute;
    box-sizing: border-box;
    left: 0;
    width: 100%;
    height: 50%;
}
.m-currentPriceList {
    position: relative;
    padding-left: 1.14286rem;
    padding-right: 1.14286rem;
    font-size: 0;
}
.m-currentPriceList .m-currentPrice-hd {
    z-index: 1;
    position: relative;
    background: #121b31;
    border-bottom: 1px solid #0d1321;
}
.m-currentPriceList .m-currentPrice-hd span.type {
    width: 5%;
}
.m-currentPriceList .m-currentPrice-hd span {
    display: inline-block;
    line-height: 2.67857rem;
    font-size: .5714rem;
    color: #7485b7;
    text-align: center;
    white-space: nowrap;
}
.m-currentPriceList .m-currentPrice-hd span.number {
    width: 20%;
}
.m-currentPriceList .m-currentPrice-hd span.alignRight {
    text-align: right;
}
.m-currentPriceList .m-currentPrice-hd span.price {
    width: 50%;
}
.m-currentPriceList .m-currentPrice-hd span.type {
    width: 5%;
}
.m-currentPriceList .m-currentPrice-bd {
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: .07143rem;
    left: 0;
    padding-left: 1.14286rem;
    padding-right: 1.14286rem;
    padding-top: 2.67857rem;
    overflow-y: auto;
}
.m-currentPriceList .m-currentPrice-buy, .m-currentPriceList .m-currentPrice-sell {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
.m-currentPriceList .m-currentPrice-buy .m-currentPrice-item, .m-currentPriceList .m-currentPrice-sell .m-currentPrice-item {
    display: block;
    position: relative;
    padding-bottom: .35rem;
    padding-top: .35rem;
    font-size: 0;
    white-space: nowrap;
}
.m-currentPriceList .m-currentPrice-buy .m-currentPrice-item .index, .m-currentPriceList .m-currentPrice-sell .m-currentPrice-item .index {
    width: 10%;
    text-align: center;
    color: #7485b7;
}
.m-currentPriceList .m-currentPrice-buy .m-currentPrice-item .amount, .m-currentPriceList .m-currentPrice-sell .m-currentPrice-item .amount {
    width: 40%;
    text-align: center;
    color: #cad2e9;
}
.m-currentPriceList .m-currentPrice-buy .m-currentPrice-item .price, .m-currentPriceList .m-currentPrice-sell .m-currentPrice-item .price {
    box-sizing: border-box;
    width: 50%;
}
.m-currentPriceList .m-currentPrice-buy .m-currentPrice-item .numberRatio, .m-currentPriceList .m-currentPrice-sell .m-currentPrice-item .numberRatio {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    opacity: .1;
}
.m-currentPriceList .m-currentPrice-buy .m-currentPrice-item, .m-currentPriceList .m-currentPrice-sell .m-currentPrice-item {
    display: block;
    position: relative;
    padding-bottom: .53571rem;
    padding-top: .53571rem;
    font-size: 0;
    white-space: nowrap;
}
.m-currentPriceList .m-currentPrice-sell .price {
    padding-left: .35714rem;
    color: #e66b41;
}
.handicap .price{
    margin-right: 0;
}
.m-currentPriceList .m-currentPrice-buy .m-currentPrice-item span, .m-currentPriceList .m-currentPrice-sell .m-currentPrice-item span {
    display: inline-block;
    font-size: .5714rem;
}
.m-currentPriceList .m-currentPrice-buy .m-currentPrice-item .amount, .m-currentPriceList .m-currentPrice-sell .m-currentPrice-item .amount {
    width: 40%;
    text-align: center;
    color: #cad2e9;
}
.m-currentPriceList .m-currentPrice-sell .numberRatio {
    left: 0;
    background: #e66b41;
}

.m-quotation .m-quotation-bd .m-dealList[data-v-3cac0174] {
    top: 50%;
}
.m-dealList {
    position: relative;
    padding-left: 1.14286rem;
    padding-right: 1.14286rem;
    border-top: .35714rem solid #0d1321;
    font-size: 0;
    text-align: center;
}
.m-dealList .m-dealList-hd, .m-dealList .m-dealList-title {
    z-index: 1;
    position: relative;
    background: #121b31;
}
.m-dealList .m-dealList-title {
    line-height: 2.2rem;
    border-bottom: .07143rem solid #0c1429;
    font-size: 1.04rem;
    font-weight: 700;
    text-align: left;
    color: #cad2e9;
}
.m-dealList .m-dealList-hd span.w20 {
    width: 20%;
    text-align: left;
}
.m-dealList .m-dealList-hd span {
    display: inline-block;
    line-height: 2.67857rem;
    font-size: .5714rem;
    color: #7485b7;
    text-align: center;
    white-space: nowrap;
}
.m-dealList .m-dealList-hd span.w10 {
    width: 10%;
}
.m-dealList .m-dealList-hd span.w35 {
    width: 35%;
    text-align: right;
}
.m-dealList .m-dealList-bd {
    box-sizing: border-box;
    position: absolute;
    top: .35714rem;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 1.14286rem;
    padding-right: 1.14286rem;
    padding-top: 4.2rem;
    overflow-y: auto;
}
.m-dealList .m-dealList-bd .m-dealList-item {
    display: block;
    position: relative;
    padding-bottom: .35rem;
    padding-top: .35rem;
    font-size: 0;
}
.m-dealList .m-dealList-bd .m-dealList-item span.w20 {
    width: 20%;
    text-align: left;
}
.m-dealList .m-dealList-bd .m-dealList-item span {
    display: inline-block;
    font-size: .5714rem;
    color: #cad2e9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m-dealList .m-dealList-bd .m-dealList-item span.buy {
    color: #03be87;
}
.m-dealList .m-dealList-bd .m-dealList-item span.w10 {
    width: 10%;
}
.m-dealList .m-dealList-bd .m-dealList-item span.w35 {
    width: 35%;
    text-align: right;
}
.m-dealList .m-dealList-bd .m-dealList-item span.sell {
    color: #e66b41;
}
.m-dealList[data-v-3cac0174] {
    top: 50%;
}
.handicap{
    background: #121b31;
    display: none;
}

.m-currentPriceList .m-currentPrice-buy .numberRatio {
    right: 0;
    background: #03be87;
}
.m-currentPriceList .m-currentPrice-buy .price {
    padding-right: .35714rem;
    color: #03be87;
}
.m-currentPriceList .alignRight {
    text-align: right;
}

.m-tabData-item.introduction[data-v-3cac0174] {
    overflow: auto;
    position: relative;
}
.m-coinIntroduction[data-v-720f4a4c] {
    width: 100%;
    color: #cad2e9;
    font-size: 1.14286rem;
    overflow: hidden;
}
.m-coinIntroduction-hd[data-v-720f4a4c] {
    padding: .4rem 1.07143rem;
    color: #cad2e9;
    font-weight: 500;
    font-size: .9rem;
}
.m-coinIntroduction-hd span[data-v-720f4a4c] {
    display: inline-block;
    text-indent: 0;
}
.m-coinIntroduction-bd[data-v-720f4a4c] {
    padding-left: 1.07143rem;
    padding-right: 1.07143rem;
}
.m-coinIntroduction-item[data-v-720f4a4c] {
    padding-top: .34rem;
    padding-bottom: .6rem;
    min-height: 2.1rem;
    border-top: 1px solid #0c1429;
    overflow: hidden;
}
.m-coinIntroduction-item .m-coinIntroduction-label[data-v-720f4a4c] {
    font-size: .8rem;
    color: #7485b7;
}
.m-coinIntroduction-item .m-coinIntroduction-value[data-v-720f4a4c] {
    display: inline-block;
    float: right;
    font-size: .8rem;
    text-align: right;
}
.m-coinIntroduction-item .m-coinIntroduction-content[data-v-720f4a4c] {
    margin-top: 0;
    line-height: 2rem;
    font-size: .8rem;
    word-break: break-all;
    margin-bottom: 0;
}
.synopsis{
    display: none;
    border-top: .3rem solid #0d1321;
}